.page-header {
  background: #fff;
  height: 96px;

  .title-box {
    padding: 16px 20px;

    span {
      display: inline-block;
      height: 34px;
      line-height: 34px;
    }

    .icon-box {
      display: flex;
      align-items: center;

      img {
        width: 24px;
        height: 24px;
      }
    }

    .add-btn {
      @extend %ui-primary-btn;
    }
  }

  .nav-box {
    .nav-list {
      .nav-item {
        padding: 10px 20px;
      }

      .active-nav {
        color: $color-primary;
        border-bottom: 2px solid $color-primary;
      }
    }
  }
}
.system-icon{
    width: 30px;
    vertical-align: middle;
    margin-right: 10px;
}

// 页面左侧菜单，右侧内容布局
.wrapper {
  background: #F5FAFF;
  height: 100%;

  .main {
    display: flex;
    min-height: 600px;
    height: 100%;

    .main-left {
      width: 250px;
      background: rgba(255, 255, 255, 1);
    }

    .main-right {
      flex-grow: 1;
    }
  }
}

// 页面主内容区公共样式
.main-wrapper {
  .main-content {
    background: #fff;

    .content-box {
      width: 100%;
      height: 460px;
      background: rgba(255, 255, 255, 1);
      box-shadow: 0 1px 18px 0 rgba(153, 151, 151, 0.08);
    }
  }
}

